速報APP / 生產應用 / Readable Colors

Readable Colors

價格:免費

更新日期:2018-05-23

檔案大小:1.3M

目前版本:2.4

版本需求:Android 4.1 以上版本

官方網站:mailto:mikedziuba3@gmail.com

Readable Colors(圖1)-速報App

This app helps you find colored backgrounds for white or black text.

Readable Colors(圖2)-速報App

In the past, there was a good reason for having a lot of black text on white background everywhere. Printing colored background on paper was very expensive.

Readable Colors(圖3)-速報App

But now there is no extra cost for having as much color as you want on a computer screen. The only thing you need to worry about is choosing good colors and having enough contrast between the text and its background.

Readable Colors(圖4)-速報App

W3C (World Wide Web Consortium) has developed a formula for calculating the contrast ratio between text and background. And based on this formula, they recommend minimum standards.

Readable Colors(圖5)-速報App

This app uses the W3C formula to help you find background colors for black and white text. You can quickly scan through virtually all available colors within the specified minimum standard. These colors you can sort by hue, by saturation, or by brightness in the HSV color system. This app also shows you either the Hex color code, or the RGB values, or the contrast ratio for all available colors.

Readable Colors(圖6)-速報App

In case you are wondering what are these W3C standards and their formula for calculating the contrast ratio, here is a short summary of their standards that are used in this app:

Readable Colors(圖7)-速報App

For normal text less than 18 point and for bold text less than 14 point, the minimum contrast ratio is 7:1. For normal text at least 18 point and for bold text at least 14 point, the minimum contrast ratio is 4.5:1. For logos, decorative text, and large scale text, the minimum contrast ratio is 3:1.

Readable Colors(圖8)-速報App

You can find the W3C contrast ratio formula and the description of their standards at the links below:

https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast

https://www.w3.org/TR/WCAG20-TECHS/G17.html